
.goods-details {
  background: #F5F5F5;
  &-evaluate {
      &-head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          box-sizing: border-box;
          height: 88rpx;
          padding: 24px;
          color: #999999;
          font-size: 24px;
          .title {
              color: #333333;
              font-size: 28px;
          }
      }
      &-cont {
          &-li {
              background: #fff;
              margin-top: 22px;
              &:first-child {
                margin-top: 0px;
              }
              .head {
                  box-sizing: border-box;
                  padding: 24px;
                  height: 140px;
                  font-size: 26px;
                  color: #999999;
                  width: 100%;
                  .head-top {
                      display: flex;
                      align-items: center;
                      width: 100%;
                      .brand-img {
                          height: 44px;
                          width: 44px;
                      }
                      .car-license {
                          width: 124px;
                          margin-left: 10px;
                          color: #333333;
                          
                      }
                      
                      .left {
                          display: flex;  
                          width: calc(100% - 180px);
                      }
                      .left-wrap {
                          width: 178px;
                          display: flex;
                          
                      }
                      .brand-name {
                          flex: 1;
                          margin-right: 10px;
                          word-break: keep-all;
                          white-space: nowrap;
                          overflow: hidden;
                          text-overflow :ellipsis;
                      }
                      .date {
                          display: inline-flex;
                          width: 180px;
                          text-align: right;
                      }
                  }
                  .head-bottom {
                      display: flex;
                      align-items: center;
                      padding: 5px 0;
                      .range-text {
                          color: #999999;
                          margin-right: 12px;
                      }
                  }
              }
              .content {
                  padding: 0 24px 24px 24px;
                  &-desc {
                      color: #333333;
                      font-size: 28px;
                      line-height: 1.5;
                  }
                  &-pics {
                      box-sizing: border-box;
                      .img {
                          box-sizing: border-box;
                          width: calc(33.33% - 8px);
                          height: 226px;
                          margin-right: 12px;
                          border: 1px solid #eeeeee;
                          border-radius: 12px;
                          margin-top: 12px;
                          &:nth-child(3n) {
                              margin-right: 0px;
                          }
                      }
                  }
              }
          }
      }
  }
}